<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">

    <title>Current Prices</title>

    <!-- Stylesheets -->
    <link rel="stylesheet" href="./vendor/bootstrap-3.3.7.css">
    <link rel="stylesheet" href="./styles.css">

    <!-- Scripts -->
    <script>delete module.exports</script>
    <script src="./vendor/jquery-3.1.1.js"></script>
    <script src="./window.js" charset="utf-8"></script>

  </head>
  <body>
    <div id="container" class="container-fluid">

      <!-- Oil Row -->
      <div class="row oil">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 ">
          <h1>Oil <small>per barrel</small></h1>
          <h2>
            <span id="oil-price" class="price"></span>
            <small id="oil-change" class="change"></small>
          </h2>
        </div>
      </div>

      <!-- Gold Row -->
      <div class="row gold">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
          <h1>Gold <small>per ounce</small></h1>
          <h2>
            <span id="gold-price" class="price"></span>
            <small id="gold-change" class="change"></small>
          </h2>
        </div>
      </div>

      <!-- Silver Row -->
      <div class="row silver">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
          <h1 class="silver">Silver <small>per ounce</small></h1>
          <h2>
            <span id="silver-price" class="price"></span>
            <small id="silver-change" class="change"></small>
          </h2>
        </div>
      </div>

    </div>
  </body>
</html>
